<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>我要推荐</title>
		<link rel="stylesheet" href="css/skin.css" />
		<style>
			html{
				min-height:100%;
	            margin:0;
	            padding:0;
	            height:100%;
	        }
	        body{
		        height: 100%;					
				font-size: 12px;
			    margin: 0;
			    padding: 0;
			}
			.input-group input {
				outline: none;
			}
			.recommend-container{
				position: relative;
				min-height: 100%;
				background: url(img/recom-bg01.jpg) no-repeat;
				background-size: 100%;
			}
			.recommend-container .bg{
				padding-top: 160%;
			}
			.recommend-body{
				position: absolute;
				top: 0;
				padding: 3%;
				width: 94%;
			}
			.recommend-container img{
				position: absolute;
				bottom: 0;
				width: 100%;
			}
		</style>
	</head >
	<body>
		<div class="recommend-container">
			<div class="bg"></div>
			<img src="img/recom-bg.jpg" alt="recom-bg" /> 
			<div class="recommend-body">
				
				<div class="input-group">
					<input type="text" placeholder="客户姓名" />
					<input type="text" placeholder="手机号码" />
					<input type="text" placeholder="备注（意向户型及是否指定置业顾问接待等）" />
			 	</div>
				<div class="remark">
					<em>提示</em>
					<p>请备必提交真实的购房推荐信息，若多次提交虚假信息，您的帐号会被禁用。</p>
				</div>
				<button class="btn-recom" type="submit">马上推荐</button>
				<footer class="recommend-footer"></footer><!--footer-->
				
			</div>						
		</div><!--recom-container-->
	</body>
</html>
